

.trade-top {
	height:30%;
	
}

.trade-bottom {
	height:40%;
	background:#FFFFFF;
}

.trade-middle-left {
	height:53px;
	width:50%;
	background:url('trade-mid-yours.png') repeat-x;
	float:left;
}

.trade-middle-left .cancel {
	height:100%;
	width:59px;
	background:url('cancel-trade.png') no-repeat;
	float:right;
}

.trade-middle-left .cancel a {
	display:block;
	height:100%;
	width:100%;
}

.trade-middle-left .cancel a:hover {
	background:url('cancel-trade-hover.png') no-repeat;
}

.trade-middle-right {
	height:53px;
	width:50%;
	background:url('trade-mid-theirs.png') repeat-x;
	float:right;
}

.trade-middle-right .accept {
	height:100%;
	width:56px;
	background:url('accept-trade.png') no-repeat;
	float:left;
}

.trade-middle-right .accept a {
	display:block;
	height:100%;
	width:100%;
}

.trade-middle-right .accept a:hover {
	background:url('accept-trade-hover.png') no-repeat;
}